<template>
	<view>
		<scroll-view scroll-y="true" style="height: 100vh;">
			<view v-for="(item,index) in trends" :key="item.id" class="container">
				123
			</view>
		</scroll-view>
	</view>
</template>

<script>
	import moment from 'moment'
	export default {
		data() {
			return {
				test: []
			};
		},
		props: ['events', 'trends'],

		filters: {
			test(v) {
				const obj = JSON.parse(v).msg;
				return obj
			},
			song(v) {
				const obj = JSON.parse(v).song

				console.log(obj);
				return obj
			},
			times(value) {
				return moment(value).format('MM月DD日');
			},
		}
	}
</script>

<style lang="scss" scoped>
	
	.container {
		border: 1px solid red;
		display: flex;
		flex-direction: column;
		
		&-item{
			border: 1px solid blue;
		}

		.info {
			// display: inline-block;
			border: 1px solid red;
		}
	}
</style>
